<template>
	<view>
		<view class="header u-f-dcc">
			<image src="/static/images/icon-duigou.png" mode="aspectFill"></image>
			<view>充值成功</view>
		</view>
		<view class="bar"></view>
		<view class="info">
			<view class="item">
				<view>客户名称</view>
				<view>易烊千玺</view>
			</view>
			<view class="item">
				<view>手机号</view>
				<view>18356522546</view>
			</view>
			<view class="item">
				<view>支付金额</view>
				<view>¥1000.00</view>
			</view>
			<view class="item">
				<view>到账金额</view>
				<view>¥1000.00</view>
			</view>
			<view class="item">
				<view>交易时间</view>
				<view>2020-09-21 15:55</view>
			</view>
		</view>
		<view class="btn">
			<button type="default" >确定</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page {
	background-color: RGBA(245, 245, 245, 1);
}
.header {
	padding: 100rpx 0 50rpx 0;
	background-color: #FFFFFF;
	image {
		width: 130rpx;
		height: 130rpx;
		margin-bottom: 30rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 30rpx;
		font-weight: 600;
	}
}
.info {
	padding: 30rpx 0;
	background-color: #FFFFFF;
	.item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 60rpx;
		height: 80rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-weight: 600;
		>view:nth-child(1) {
			color: rgba(153, 153, 153, 1);
		}
	}
}
.btn {
	button {
		border-radius: 20rpx;
		width: 650rpx;
		height: 90rpx;
		margin-top: 120rpx;
		line-height: 90rpx;
		background-color: rgba(255, 206, 0, 1) ;
		color: rgba(50, 62, 86, 1);
	}
}
</style>
